<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<title>index</title>
		<link rel="stylesheet" href="../../source/plugins/layui/css/layui.css" />
		<link rel="stylesheet" href="../../source/plugins/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="../../source/plugins/datatables/jquery.dataTables.min.css" />
		<link rel="stylesheet" href="../../source/css/system.css" />
	</head>

	<body>
		<div class="admin-submain">
			<div class="layui-tab layui-tab-brief admin-subtab">
				<ul class="layui-tab-title" id="one-tab">
					<li>订单详情</li>
					<li>发货信息</li>
					<li class="layui-this">收款信息</li>
				</ul>
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">
						<section class="order-topbox">
							<ul>
								<li>
									<div class="order-cardbox">订单号：DH-O-20170421-025345</div>
								</li>
								<li>
									<div class="order-infobox">
										<span>订单金额：222.00</span>
										<span>已付款：222.00</span>
										<span>待确认：</span>
										<span>待支付：0.00</span>
									</div>
								</li>
							</ul>
						</section>
						<section class="admin-list-detail">
							<div class="submain-table" style="overflow: visible;">
								<table class="layui-table table-static table-gathering">
								 	<tr>
								 		<th>支付流水号</th>
								 		<th>时间</th>
								 		<th>付款金额</th>
								 		<th>支付方式</th>
								 		<th>状态</th>
								 		<th>操作</th>
								 	</tr>
								 	<tr>
								 		<td>f-20170429101232-25632</td>
								 		<td>2017-04-29  10:00:00</td>
								 		<td>2000.00</td>
								 		<td>支付宝</td>
								 		<td class="gather-state">已付款</td>
								 		<td class="gather-caozuo">
								 			<a href="javascript::void;">订单详情</a>
								 		</td>
								 	</tr>
								 	<tr>
								 		<td>f-20170429101232-25632</td>
								 		<td>2017-04-29  10:00:00</td>
								 		<td>2000.00</td>
								 		<td>支付宝</td>
								 		<td class="gather-state">未付款</td>
								 		<td class="gather-caozuo">
								 			<a href="javascript::void;">订单详情</a>
								 			<a href="#">付款</a>
								 		</td>
								 	</tr>
								</table>
							</div>
						</section>
					</div>
				</div>
			</div>
		</div>
		
		<script src="../../source/plugins/layui/layui.js"></script>
		<script src="../../source/plugins/datatables/jquery-1.12.4.js"></script>
		<script src="../../source/plugins/datatables/jquery.dataTables.min.js"></script>
		<script src="../../source/plugins/datatables/dataTables.fixedColumns.js"></script>
		<script src="../../source/js/datatables-config.js"></script>
		<script src="../../source/js/system.js"></script>
		<script>
			
			layui.use(['element', 'layer'], function(){
				  //点击订单详情
			  	
			})

		</script>
	</body>

</html>